<template>
    <div class="mantence">
        <yh-tabs type="card">
            <yh-tab-pane>
                <span slot="label">
                    <i class="el-icon-tickets"></i>
                    脚本执行
                </span>
                <div class="mantence-list">
                    <ExecuteList />
                </div>
            </yh-tab-pane>
            <yh-tab-pane>
                <span slot="label">
                    <i class="el-icon-tickets"></i>
                    表说明
                </span>
                <div class="mantence-resource">
                    <MantenceTables />
                </div>
            </yh-tab-pane>
        </yh-tabs>
    </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import ExecuteList from './system-setting/execute-list.vue';
import MantenceTables from './system-setting/mantence-tables.vue';

@Component({
    name: 'SystemSetting',
    components: {
        ExecuteList,
        MantenceTables,
    },
})
export default class SystemSetting extends Vue {}
</script>

<style lang="scss" scoped>
.mantence {
    padding-top: 10px;

    .mantence-list,
    .mantence-resource {
        padding-top: 20px;
    }
}

.mantence /deep/.el-tabs .el-tabs__nav .el-tabs__item {
    line-height: 34px;
}
</style>
